<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base target="admin_con"/>
<title>Icool admin | template</title>
<style type="text/css">
	*,body,html{
		margin:0;
		padding:0;
	}
	html{
		overflow-y:hidden;
		}
	a{
		color:#FFF;
		font-family:"Arial Black,微软雅黑";
		text-decoration:none;
		}
	.maintop{
		height:50px;
		background:#008200;
		box-shadow:#666 0px 1px 2px;
	}
	.maintop li{
		text-align:center;
		width:100px;
		height:50px;
		padding:0 5px;
		line-height:3;
		border-right:1px solid #008200;
		border-left:1px solid #008200;
		float:left;
		list-style:none;
		}
	.maintop li a:hover{
		text-decoration:underline;
	}
	#main_frame{
		overflow-y:auto;
		overflow-x:hidden;
	}
</style>
<js file="__TPLJS__/jquery-1.7.2.min.js"/>
<script type="text/javascript">
window.onload = function(){
	$('.maintop li').hover(function(){
		$(this).css({'background':'#0E7B02','border-right':'1px solid #006C00','border-left':'1px solid #006C00'});
		},function(){
			$(this).css({'background':'','border-right':'1px solid #008200','border-left':'1px solid #008200'});
			})


	var mheight = $(document).height()-$('maintop').height()-$('.maintop').height();
	$('#main_frame').height(mheight)
	}
</script>
</head>
<body>
<div class="maintop">
	<ul>
        <li><a href='http://localhost/zcool/index.php/admin/index/groupmang'>小组管理</a></li>
        <li><a href='###'>小组管理</a></li>
        <li><a href='###'>小组管理</a></li>
        <li><a href='###'>小组管理</a></li>
        <li><a href='###'>小组管理</a></li>
	</ul>
</div>
<iframe src="http://localhost/zcool/index.php/admin/index/groupmang" frameborder="0" style="margin-top:5px;" width="100%" name="admin_con" id="main_frame"></iframe>
</body>
</html>